<?php
			session_start();
		?>

<!DOCTYPE html>
<html lang="en">
<head>
<title>Vacation Rentals</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/bootstrap-theme.css" />
<link rel="stylesheet" href="css/style.css" />





<meta name="viewport" content="width=device-width, initial-scale=1">


 <link rel="stylesheet" href="css/jquery-ui.css">
  <script src="js/jquery-1.10.2.js"></script>
  <script src="js/jquery-ui.js"></script>
  <script src="js/custom.js"></script>
 

<script src="js/bootstrap-datepicker.js"></script>
<script src="js/bootstrap.js"></script>
</head>
<body>
	<div class="fixed" >
		

			<?php
			include_once 'masterpage/menu-master.php';
		?>	
		
		
	</div>
		
	<!-- map -->		
	<div class="col-md-5 reset-padding">
		<iframe src="https://mapsengine.google.com/map/embed?mid=z2y5vwa2FFO8.klMujKs-Rz3E" class="map-custom"></iframe>
	</div>
	<!-- end map -->
	
	
	<!-- filter -->
	<div class="col-md-7 position-custom">
		<div class="row filter">
			<div class="col-md-10 reset-padding">
				<div class="col-md-3"><p>Trip</p></div>
				<div class="col-md-3">
					<input id="check-out-in" type="date" class="form-control">
				</div>
				<div class="col-md-3">
					<input id="check-out-in" type="date" class="form-control">
				</div>
				<div class="col-md-3"></div>
			</div>
		</div>
		<div class="row filter">
			<div class="col-md-10 reset-padding">
				<div class="col-md-3"><p>Room Type</p></div>
				<div class="col-md-3 room-type">
					<input  type="checkbox" class="checkbox" id="entire-palace">
					<div class="type-room">
						<p><i class="glyphicon glyphicon-home"></i> <br/> Entire Place</p>
					</div>
				</div>
				<div class="col-md-3 room-type">
					<input  type="checkbox" class="checkbox" id="private-room">
					<div class="type-room">
						<p><i class="glyphicon glyphicon-home"></i> <br/> Private Room</p>
					</div>
				</div>
				<div class="col-md-3 room-type">
					<input  type="checkbox" class="checkbox" id="shared-room">
					<div class="type-room">
						<p><i class="glyphicon glyphicon-home"></i> <br/> Shared Room</p>
					</div>
				</div>
			</div>
			<div class="col-md-1">
			</div>
		</div>
		<div class="row filter">
			<div class="col-md-10 reset-padding">
				<div class="col-md-3">
					<p>Price Range</p>
				</div>
				<div class="col-md-9">
					<p>
					  <label for="amount">Price range:</label>
					  <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
					</p>	
					<div id="slider-range"></div>				
				</div>
			</div>
		</div>
		<div class="row filter-result filter ">
			<div class="col-md-12 btn-filter">
				<button  type="button" class="btn btn-default btn-sm">More Filters</button>
				<p class="number-result"> 18 Rentals - Salta Province</p>
			</div>		
						
		</div>
		
		
		<!-- LIST FILTER RESULT -->
		<div class="row filter-result">
			<!-- Image result -->
			<div class="col-md-6 col-xs-6  filer-content reset-padding">				
				<a href="/eclipseproject/room-info.php">	<img alt="" src="images/hinhanh2.jpg" class="panel-image img-responsive" width="100%" height="100%"></a>	
				<div class="panel-body-filter">					
					<img alt="" src="images/user-image.jpg" class="user-image">									
					<div class="text-truncate">
						<a href="#">Entire home/apt <br/> Goodyear</a>											
					</div>				
					<div class="price-room"><label >d1378325</label></div>
				</div>			
			</div>	
			<div class="col-md-6 col-xs-6  filer-content reset-padding">
				<a href="/eclipseproject/room-info.php">	<img alt="" src="images/hinhanh2.jpg" class="panel-image img-responsive" width="100%" height="100%"></a>	
				<div class="panel-body-filter">
					<img alt="" src="images/user-image.jpg" class="user-image">									
					<div class="text-truncate">
						<a href="#">Entire home/apt <br/> Goodyear</a>											
					</div>				
					<div class="price-room"><label >d1378325</label></div>
				</div>				
			</div>
			<!-- end image result -->
		</div>
		
		<div class="row filter-result">
			<!-- Image result -->
			<div class="col-md-6 col-xs-6 filer-content reset-padding">				
				<a href="/eclipseproject/room-info.php">	<img alt="" src="images/hinhanh2.jpg" class="panel-image img-responsive" width="100%" height="100%"></a>	
				<div class="panel-body-filter">					
					<img alt="" src="images/user-image.jpg" class="user-image">									
					<div class="text-truncate">
						<a href="#">Entire home/apt <br/> Goodyear</a>											
					</div>				
					<div class="price-room"><label >d1378325</label></div>
				</div>			
			</div>	
			<div class="col-md-6 col-xs-6  filer-content reset-padding">
				<a href="/eclipseproject/room-info.php">	<img alt="" src="images/hinhanh2.jpg" class="panel-image img-responsive" width="100%" height="100%"></a>	
				<div class="panel-body-filter">
					<img alt="" src="images/user-image.jpg" class="user-image">									
					<div class="text-truncate">
						<a href="#">Entire home/apt <br/> Goodyear</a>											
					</div>				
					<div class="price-room"><label >d1378325</label></div>
				</div>				
			</div>
			<!-- end image result -->
		</div>
		
		<div class="row filter-result">
			<!-- Image result -->
			<div class="col-md-6 col-xs-6  filer-content reset-padding">				
				<img alt="" src="images/hinhanh2.jpg" class="panel-image img-responsive">	
				<div class="panel-body-filter">					
					<img alt="" src="images/user-image.jpg" class="user-image">									
					<div class="text-truncate">
						<a href="#">Entire home/apt <br/> Goodyear</a>											
					</div>				
					<div class="price-room"><label >d1378325</label></div>
				</div>			
			</div>	
			<div class="col-md-6 col-xs-6  filer-content reset-padding">
				<img alt="" src="images/hinhanh2.jpg" class="panel-image img-responsive">	
				<div class="panel-body-filter">
					<img alt="" src="images/user-image.jpg" class="user-image">									
					<div class="text-truncate">
						<a href="#">Entire home/apt <br/> Goodyear</a>											
					</div>				
					<div class="price-room"><label >d1378325</label></div>
				</div>				
			</div>
			<!-- end image result -->
		</div>
		
		<div class="row filter-result">
			<!-- Image result -->
			<div class="col-md-6 col-xs-6  filer-content reset-padding">				
				<img alt="" src="images/hinhanh2.jpg" class="panel-image img-responsive">	
				<div class="panel-body-filter">					
					<img alt="" src="images/user-image.jpg" class="user-image">									
					<div class="text-truncate">
						<a href="#">Entire home/apt <br/> Goodyear</a>											
					</div>				
					<div class="price-room"><label >d1378325</label></div>
				</div>			
			</div>	
			<div class="col-md-6 col-xs-6  filer-content reset-padding">
				<img alt="" src="images/hinhanh2.jpg" class="panel-image img-responsive">	
				<div class="panel-body-filter">
					<img alt="" src="images/user-image.jpg" class="user-image">									
					<div class="text-truncate">
						<a href="#">Entire home/apt <br/> Goodyear</a>											
					</div>				
					<div class="price-room"><label >d1378325</label></div>
				</div>				
			</div>
			<!-- end image result -->
		</div>
		
		<div class="row filter-result">
			<!-- Image result -->
			<div class="col-md-6 col-xs-6  filer-content reset-padding">				
				<img alt="" src="images/hinhanh2.jpg" class="panel-image img-responsive">	
				<div class="panel-body-filter">					
					<img alt="" src="images/user-image.jpg" class="user-image">									
					<div class="text-truncate">
						<a href="#">Entire home/apt <br/> Goodyear</a>											
					</div>				
					<div class="price-room"><label >d1378325</label></div>
				</div>			
			</div>	
			<div class="col-md-6 col-xs-6  filer-content reset-padding">
				<img alt="" src="images/hinhanh2.jpg" class="panel-image img-responsive">	
				<div class="panel-body-filter">
					<img alt="" src="images/user-image.jpg" class="user-image">									
					<div class="text-truncate">
						<a href="#">Entire home/apt <br/> Goodyear</a>											
					</div>				
					<div class="price-room"><label >d1378325</label></div>
				</div>				
			</div>
			<!-- end image result -->
		</div>
		<!-- END LIST FILTER RESULT -->
		
		<div class="row">
			<div class="col-md-4">
				<p><br>1  -> 18 of 31 Rentals</p>
				
			</div>
			<div class="col-md-8">
				<p>
				<br>
				  Myanmar [Burma] >  Shan > Taunggyi
				  </p>
			</div>
		</div>
		<div class="row pagination">
			<li><a href="#">&laquo;</a></li>
			  <li><a href="#">1</a></li>
			  <li><a href="#">2</a></li>
			  <li><a href="#">3</a></li>
			  <li><a href="#">4</a></li>
			  <li><a href="#">5</a></li>
			  <li><a href="#">&raquo;</a></li>
		</div>
	</div>
	<!-- end filter -->
	

	
	</body>